<template>
	<view class="three-my-list">
		<view style="text-align: center;">暂无内容</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.three-my-list{
		padding: 30rpx;
		.list-item{
			margin-bottom: 30rpx;
			background: #fff;
			border-radius: 12px;
			.head-block{
				position: relative;
				padding: 30rpx;
				display: flex;
				align-items: center;
				.user-photo{
					width: 60rpx;
					height: 60rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.user-name{
					width: calc(100% - 170rpx);
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				.status{
					position: absolute;
					transform: translate(-50%,-50%);
					top: 50%;
					right: -25rpx;
					color: green;
				}
				.status.warning{
					color: red;
				}
			}
			
			.answer.head-block{
				border-top: 1px solid #efefef;
			}
			.content{
				padding: 30rpx;
				font-size: 28rpx;
				border-top: 1px solid #efefef;
				.department{
					color: #3387d0;
				}
			}
		}
	}
</style>